import Hello from "@/components/hello";
import World from "@/components/world";

import styled from "styled-components";

// 直接使用 styled 来创建带有私有样式的组件
const Title = styled.h1`
  font-size: 26px;
  color: red;
`;

const Monitor = () => {
  return (
    <div>
      <h1>Monitor</h1>
      <Title>Hello Title</Title>

      <hr />
      <Hello />

      <hr />
      <World />
    </div>
  );
};

export default Monitor;
